@import "~themes/vars.less";

.lable {
  margin-bottom: 0px !important;
}

.review {
  color: #1890ff;
  margin-left: 16px;
  cursor: pointer;
}

.option_item {
  // display: flex;
  margin: 0 -8px 0px;
  padding: 8px;
  border: 1px dashed transparent;
  border-radius: 2px;

  .item_label {
    color: @color-title; // flex: 0 0 60px;
  }

  .item_con {
    // flex: 1;
    display: flex;
    align-items: flex-end;
    margin-bottom: 8px;

    .opration,
    .item_title {
      flex: 0 0 60px;
    }

    .opration {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      visibility: hidden;
    }

    :global {
      .zteicon {
        font-size: 14px;
        cursor: pointer;
      }

      .zteicon-arrow-up {
        margin-bottom: 8px;
      }

      .zteicon-arrow-down {
        margin-bottom: -5px;
      }
    }

    .up_disabled {
      :global {
        .zteicon-arrow-up {
          color: @color-disable;
          cursor: not-allowed;
        }
      }
    }

    .down_disabled {
      :global {
        .zteicon-arrow-down {
          color: @color-disable;
          cursor: not-allowed;
        }
      }
    }
  }

  &:hover {
    background: #f5f5f5;
    border-color: rgba(0, 0, 0, 0.25);
    .item_con {
      .opration {
        visibility: visible;
      }
    }
  }
}

.option_btn {
  margin-bottom: 16px;
  height: 32px;
  line-height: 32px;
  background-color: #ffffff;
  border: 1px dashed rgba(217, 217, 217, 1);
  border-radius: 2px;
  text-align: center;
  cursor: pointer;

  :global {
    .zteicon {
      font-size: 12px;
    }
  }
}
